<!--
	作者：344805262@qq.com
	时间：2015-09-24
	描述：订单列表
-->
<!doctype html>
<html>
<head>
    <meta name="viewport" id="viewport"
          content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=yes" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta charset="utf-8">
    <title>我的订单</title>
    <link href="../../css/css.css?v=185" rel="stylesheet" type="text/css">
</head>
<body>
<!----------------头部定位---------------------------->
<div class="header mbbottom">
	<span id="back" class="headleft" style="width: 15%;">
    	<a class="back"><i class="iconfont icon-jiantou"></i></a>
	</span>
    <!--选择线上线下-->
	<span id="online_offline" class="tbbiaoti" style="width: 65%;">
		<b class="xsxxan">
            <i tip="1" class="xuanz">线上</i>
            <i tip="2">线下</i>
        </b>
	</span>
	<span id="search_icon" class="headright" style="width: 20%;">
    	<span class="xiaox fhtb header-bianji"><i class="iconfont icon-sousuo"></i></span>
	</span>
    <!--搜索-->
	<span class="tbbiaoti" style="width:65%;overflow: hidden; display: none;">
        <div class="search">
            <p><input disabled="disabled" type="text" placeholder="搜索您喜欢的店铺/商品" class="sskuang"></p>
        </div>
    </span>
	<span id="spanSearchButton" class="headright" style="width:20%;display: none;">
        <span class="quxiao qxzd">确定</span>
    </span>
</div>
<!----------------内容开始---------------------------->
<div class="tabdiv tabdiv1">
    <ul id="orderType" class="xfxbbiaoti1 xghbt">
        <li tip="all">全部</li>
        <li tip="unpay">待付款</li>
        <li tip="pay"><p class="dfhsl1">2</p>待发货</li>
        <li tip="finish">完成交易</li>
        <li tip="cancel">取消交易</li>
    </ul>
    <p id="bottowtab" class="xhx"></p>
</div>
<div class="main">
    <div class="mtop50"></div>
    <div id="wrapper" style="margin-top: 38px;">
        <div id="scroller">
            <div id="pullDown">
                <span class="pullUpIconloading"></span>
                <span class="pullUpLabel">刷新...</span>
            </div>
            <div id="orderList" style="display: inline-block;width: 100%;"></div>
            <div id="pullUp">
                <span class="pullUpIconloading"></span>
                <span class="pullUpLabel">努力加载中...</span>
            </div>
        </div>
    </div>
</div>
<!--弹出层-->
<style type="text/css">
    #search_pop {
        -webkit-box-align: baseline;
        -webkit-box-pack: baseline;
        /*最后停留*/
        animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
        /*隐藏*/
        margin-left: translateX(100%);
        transform: translateX(100%);
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -o-transform: translateX(100%);
        -ms-transform: translateX(100%);
    }

    .search_pop_show {
        animation: show 0.5s;
        -ms-animation: show 0.5s; /* IE */
        -moz-animation: show 0.5s; /* Firefox */
        -webkit-animation: show 0.5s; /* Safari and Chrome */
        -o-animation: show 0.5s; /* Opera */
    }

    .search_pop_hide {
        animation: hide 0.5s;
        -ms-animation: hide 0.5s; /* IE */
        -moz-animation: hide 0.5s; /* Firefox */
        -webkit-animation: hide 0.5s; /* Safari and Chrome */
        -o-animation: hide 0.5s; /* Opera */
    }

    /*显示*/
    @keyframes hide {
        from {
            margin-left: translateX(0);
            transform: translateX(0);
        }
        to {
            margin-left: translateX(100%);
            transform: translateX(100%);
        }
    }

    @-ms-keyframes hide {
        from {
            -ms-transform: translateX(0);
        }
        to {
            -ms-transform: translateX(100%);
        }
    }

    @-moz-keyframes hide {
        from {
            -moz-transform: translateX(0);
        }
        to {
            -moz-transform: translateX(100%);
        }
    }

    @-webkit-keyframes hide {
        from {
            -webkit-transform: translateX(0);
        }
        to {
            -webkit-transform: translateX(100%);
        }
    }

    @-o-keyframes hide {
        from {
            -o-transform: translateX(0);
        }
        to {
            -o-transform: translateX(100%);
        }
    }

    /*显示*/
    @keyframes show {
        from {
            margin-left: translateX(100%);
            transform: translateX(100%);
        }
        to {
            margin-left: translateX(0);
            transform: translateX(0);
        }
    }

    @-ms-keyframes name {
        from {
            -ms-transform: translateX(100%);
        }
        to {
            -ms-transform: translateX(0);
        }
    }

    @-moz-keyframes show {
        from {
            -moz-transform: translateX(100%);
        }
        to {
            -moz-transform: translateX(0);
        }
    }

    @-webkit-keyframes show {
        from {
            -webkit-transform: translateX(100%);
        }
        to {
            -webkit-transform: translateX(0);
        }
    }

    @-o-keyframes show {
        from {
            -o-transform: translateX(100%);
        }
        to {
            -o-transform: translateX(0);
        }
    }

    #searchBox {
        background-color: #FFFFFF;
        border-radius: 3px;
        width: 100%;
        height: auto;
        margin-top: 44px;
        text-align: center;
    }
</style>
<div id="search_pop" class="pop-wrap">
    <div class="header">
    <span id="hide-pop" class="headleft" style="width:15%"><span class="back"><i
            class="iconfont icon-jiantou"></i></span></span>
	            <span class="tbbiaoti" style="width:65%;overflow: hidden;">
	                <div class="search" id="searchdiv">
                        <!--placeholder="搜索您喜欢的店铺/商品"-->
                        <p><input id="searchinput" type="text" class="sskuang"></p>
                    </div>
	            </span>
	            <span id="search_button" class="headright" style="width:20%">
	                <span class="quxiao qxzd">搜索</span>
	            </span>
    </div>
    <div id="searchBox">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>
</body>
<script type="text/javascript" src="../../js/common/jquery-2.1.4.min.js"></script>
<!--<script src="//cdn.bootcss.com/fastclick/1.0.6/fastclick.js"></script>-->
<script type="text/javascript" src="../../js/config.js"></script>
<script type="text/javascript" src="../../js/common/common.js"></script>
<script type="text/javascript" src="../../js/common/iscroll.js"></script>
<script type="text/javascript" src="../../js/order/orders.js"></script>
</html>

